@layout("/common/_container.html"){
<div class="ibox float-e-margins">
    <div class="ibox-content">
        <div class="form-horizontal">
            <input type="hidden" id="id" value="${item.id}">
            <div class="row">
                <div class="col-sm-6 b-r">
                            <#input id="categoryName" name="商品类别" underline="true" value = "${categoryName}"
                            hidden="category" hiddenValue="${item.category}" readonly="readonly"
                            clickFun="MerInfoDlg.showCategorySelectTree(); return false;"
                            style="background-color: #ffffff !important;"/>
                            <#input id="mername" name="商品名称" value="${item.mername}" underline="true"/>
                            <#input id="cost" name="商品成本" value="${item.cost}" underline="true"/>
                            <#input id="price" name="商品价格" value="${item.price}" underline="true"/>
                            <#input id="quantity" name="库存数量" value="${item.quantity}" underline="true"/>
                            <#input id="unit" name="单位" value="${item.unit}" underline="true"/>
                </div>

                <div class="col-sm-6">
                            <#input id="mermodel" name="商品型号" value="${item.mermodel}" />
                            <#avatar id="picture" name="商品图片" underline="true" avatarImg="${item.picture}"/>
                            <#input id="merdesc" name="商品描述" value="${item.merdesc}" underline="true"/>
                            <#input id="manufacturer" name="生产厂家" value="${item.manufacturer}" underline="true"/>
                            <#input id="leavefactorydate" name="生产日期" value="${item.leavefactorydate}" />
                </div>
            </div>
            <!-- 这是类别下拉框 -->
            <div id="categoryContent" class="menuContent"
                 style="display: none; position: absolute; z-index: 200;">
                <ul id="categoryTree" class="ztree tree-box" style="width: 250px !important;"></ul>
            </div>

            <div class="progress progress-striped" id="progressTipArea" style="margin-top: 20px;">
                <div id="progressBar" style="width: 0%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="0" role="progressbar" class="progress-bar progress-bar-info">
                </div>
            </div>

            <div class="row btn-group-m-t">
                <div class="col-sm-10">
                    <#button btnCss="info" name="提交" id="ensure" icon="fa-check" clickFun="MerInfoDlg.editSubmit()"/>
                    <#button btnCss="danger" name="取消" id="cancel" icon="fa-eraser" clickFun="MerInfoDlg.close()"/>
                </div>
            </div>
        </div>

    </div>
</div>
<script src="${ctxPath}/static/modular/mall/mer/mer_info.js"></script>
<script>
    laydate.render({
        elem: '#leavefactorydate',
        trigger:'click'
    });
</script>
@}
